// 功能广告
<template>
  <div class="entrance">
      <!-- <div  eventname="homeViewNew" class="item" style="background-color: rgb(245, 246, 253);">
          <img data-v-6832dcff="" src="https://cms.34580.cn/prod/21c9c4fb71ec8a2af3e77982454fec81.png"> 
        <div data-v-6832dcff="" style="color: rgb(87, 87, 87);">
            邀人有礼

        </div>
      </div> -->
      <div  eventname="homeViewNew" class="item" style="background-color: rgb(245, 246, 253);" v-for='(item,index) in gongneng' :key="index">
          <img data-v-6832dcff="" :src="item.pic"> 
        <div data-v-6832dcff="" style="color: rgb(87, 87, 87);">
            {{item.title}}

        </div>
      </div>
  </div>
</template>

<script>
import axios from "axios"
export default {
data(){
    return{
        gongneng:[]
    }
},
async created(){
    let dataOf = await axios.get(
        "https://api1.34580.com/sz/home/getHomeInfo?platform=1500&sourcetype=9&accesstoken=&customerguid=&stationId=2141&channelID=0"
    )
    this.gongneng = dataOf.data.Data.floorInfoList[3].configInfoList
    // console.log(dataOf.data.Data.floorInfoList[3].configInfoList);
}
}
</script>

<style lang="stylus" scoped>
.entrance
    width 100%
    display flex
    flex-direction row
    justify-content space-between
    align-items center
    padding 12px 11px 14px
    position relative
    background-color #fff
    
    >.item
        position relative
        display flex
        flex 1
        z-index 2
        flex-direction row
        justify-content center
        align-items center
        margin  0 5px
        height .38rem
        border-radius 8px
        >div
            font-size 14px
        >img
            width 19px
            height 19px
            margin-right 5px
</style>